﻿{% load staticfiles %}
<!doctype html>
<html lang="{{ LANGUAGE_CODE }}" {% if language_bidi %} dir='rtl' {% endif %}>
{% load pages_tags mezzanine_tags i18n future staticfiles %}

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="{% block meta_keywords %}{% endblock %}">
    <meta name="description" content="{% block meta_description %}{% endblock %}">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>{% block meta_title %}{% endblock %}{% if settings.SITE_TITLE %} | {{ settings.SITE_TITLE }}{% endif %}</title>
    <link rel="shortcut icon" href="{% static 'img/favicon.ico' %}">

{% ifinstalled mezzanine.blog %}
    <link rel="alternate" type="application/rss+xml" title="RSS" href="{% url 'blog_post_feed' 'rss' %}">
    <link rel="alternate" type="application/atom+xml" title="Atom" href="{% url 'blog_post_feed' 'atom' %}">
{% endifinstalled %}

{% compress css %}
    <!-- Bootstrap Core CSS -->
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">

    <!-- Customizable CSS -->
    <link href="{% static 'css/main.css' %}" rel="stylesheet" data-skrollr-stylesheet>
    <link href="{% static 'css/red.css' %}" rel="stylesheet" title="Color">
    <link href="{% static 'css/owl.carousel.css' %}" rel="stylesheet">
    <link href="{% static 'css/owl.transitions.css' %}" rel="stylesheet">
    <link href="{% static 'css/animate.min.css' %}" rel="stylesheet">

    <!-- Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Lato:400,900,300,700" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic" rel="stylesheet">

    <!-- Icons/Glyphs -->
    <link href="{% static 'fonts/fontello.css' %}" rel="stylesheet">

    <!-- Favicon -->
    <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}">

    <!-- HTML5 elements and media queries Support for IE8 : HTML5 shim and Respond.js -->
    <!--[if lt IE 9]>
        <script src="{% static 'js/html5shiv.js' %}"></script>
        <script src="{% static 'js/respond.min.js' %}"></script>
    <![endif]-->

{% if LANGUAGE_BIDI %}
    <link rel="stylesheet" href="{% static 'css/rtl.css' %}">
{% endif %}
{% ifinstalled cartridge.shop %}
    <link rel="stylesheet" href="{% static 'css/cartridge.css' %}">
{% if LANGUAGE_BIDI %}
    <link rel="stylesheet" href="{% static 'css/cartridge.rtl.css' %}">
{% endif %}
{% endifinstalled %}


{% block extra_css %}{% endblock %}
{% endcompress %}

{% compress js %}
    <script src="{% static 'mezzanine/js/'|add:settings.JQUERY_FILENAME %}"></script>
    <script src="{% static 'js/bootstrap.js' %}"></script>
    <script src="{% static 'js/bootstrap-extras.js' %}"></script>
{% block extra_js %}{% endblock %}
{% endcompress %}

<!--[if lt IE 9]>
    <script src="{% static 'js/html5shiv.js' %}"></script>
    <script src="{% static 'js/respond.min.js' %}"></script>
<![endif]-->
{% block extra_head %}{% endblock %}
</head>

<body id="{% block body_id %}body{% endblock %}">

    <!-- ============================================================= HEADER ============================================================= -->

    <header>
        <div class="navbar">

            <div class="navbar-header">
                <div class="container">

                    <ul class="info pull-left">
                        <li><a href="mailto:admin@gouni.co.uk"><i class="icon-mail-1 contact"></i> admin@gouni.co.uk</a></li>
                        <li><i class="icon-mobile contact"></i> +44 (0)333 577 1588</li>
                    </ul><!-- /.info -->

                    <ul class="social pull-right">
                        <li><a href="https://www.facebook.com/pages/GoUni/386314964858506?skip_nax_wizard=true&ref_type=registration_form"><i class="icon-s-facebook"></i></a></li>
                        <li><a href="#"><i class="icon-s-gplus"></i></a></li>
                        <li><a href="https://twitter.com/GoUni_Official"><i class="icon-s-twitter"></i></a></li>
                    </ul><!-- /.social -->
                    <!-- ============================================================= LOGO MOBILE ============================================================= -->

                    <a class="navbar-brand" href="/"><img src="{% static 'images/logo.svg' %}" class="logo" alt=""></a>

                    <!-- ============================================================= LOGO MOBILE : END ============================================================= -->

                    <a class="btn responsive-menu pull-right" data-toggle="collapse" data-target=".navbar-collapse"><i class='icon-menu-1'></i></a>

                </div><!-- /.container -->
            </div><!-- /.navbar-header -->

            <div class="yamm">
                <div class="navbar-collapse collapse">
                    <div class="container">

                        <!-- ============================================================= LOGO ============================================================= -->

                        <a class="navbar-brand" href="/"><img src="{% static 'images/logo.svg' %}" class="logo" alt=""></a>

                        <!-- ============================================================= LOGO : END ============================================================= -->
                        <!-- ============================================================= MAIN NAVIGATION ============================================================= -->

                        <ul class="nav navbar-nav">

                            <!--                            <li class="dropdown">
                                                            <a href="#" class="dropdown-toggle js-activated">Home</a>

                                                            <ul class="dropdown-menu">
                                                                <li><a href="#">Dropdown menu #1</a></li>
                                                                <li><a href="#">Dropdown menu #2</a></li>
                                                                <li><a href="#">Dropdown menu #3</a></li>
                                                                <li><a href="#">Dropdown menu #4</a></li>
                                                                <li><a href="#">Dropdown menu #5</a></li>
                                                            </ul>
                                                        </li>-->

                            <li>
                                <a href="/" class="">Home</a>
                            </li>

                            <li>
                                <a href="/search" class="">Search</a>
                            </li>

                            <li>
                                <a href="http://blog.gouni.co.uk" class="">Blog</a>
                            </li>

                            <li>
                                <a href="#" class="">Why us</a>
                            </li>

                            <li>
                                <a href="/consultation/" class="">Free Consultation</a>
                            </li>

                            <li class="dropdown pull-right searchbox">
                                <a href="/search" class="dropdown-toggle"><i class="icon-search"></i></a>


                                <!--js dropdown search box                                <a href="/search" class="dropdown-toggle js-activated"><i class="icon-search"></i></a>

                                                                <div class="dropdown-menu">
                                                                    <form id="search" class="navbar-form search" role="search">
                                                                        <input type="search" class="form-control" placeholder="Type to search">
                                                                        <button type="submit" class="btn btn-default btn-submit icon-right-open"></button>
                                                                    </form>
                                                                </div>-->
                            </li>


                        </ul><!-- /.nav -->
                        <!-- ============================================================= MAIN NAVIGATION : END ============================================================= -->

                    </div><!-- /.container -->
                </div><!-- /.navbar-collapse -->
            </div><!-- /.yamm -->
        </div><!-- /.navbar -->
    </header>

    <!-- ============================================================= HEADER : END ============================================================= -->


    <!-- ============================================================= MAIN ============================================================= -->

    <main>
        <section id="blog" class="light-bg">
            <div class="container inner-top-sm inner-bottom classic-blog">

                {% nevercache %}
                {% if messages %}
                <div class="messages">
                    {% for message in messages %}
                    <div class="alert alert-dismissable alert-{{ message.tags }}" data-alert="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{ message }}
                    </div>
                    {% endfor %}
                </div>
                {% endif %}
                {% endnevercache %}

                <!--<h1>{% block title %}{% endblock %}</h1>-->
                               
                {% spaceless %}
                {% block breadcrumb_menu %}{% page_menu "pages/menus/breadcrumb.html" %}{% endblock %}
                {% endspaceless %}
                
                <div class="row">

                    <div class="col-md-9 inner-right-sm">
                        {% block main %}{% endblock %}
                    </div>

                    <div class="col-md-3">
                        {% nevercache %}
                        {% include "includes/user_panel.html" %}
                        {% endnevercache %}
                        <div class="panel panel-default">
                            <div class="panel-body">
                                {% block right_panel %}
                                {% endblock %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>



        <footer>
            <div class="container">

                <div class="row">
                    <p class="site-info text-center">
                        GoUni 2015
                    </p>
                </div>
            </div>
        </footer>

        {% include "includes/footer_scripts.html" %}

</body>
</html>
